<!DOCTYPE HTML>
<html>
<head>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="css/regist.css" />
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script src="js/validateRegist.js" type="text/javascript" charset="utf-8"></script>
<title>注册</title>
</head>
<body>
	<div class="registImage">
		<img src="../images/logo.png" />
	</div>
	<div class="regist">
		<div class="title">注册</div>
		<div class="registForm">
			<form action="<%=request.getContextPath()%>/UserServlet"
				method="post" onsubmit=" return checkregist()">
				<input type="hidden" name="action" value="regist">
				<ul>
					<li><input type="text" name="username" id="username"
						placeholder="用户名" onblur="Validateusername() "/> <span
						id="nameError" style="color: #7247A6;">3-8位字母</span></li>
					<li><input type="password" name="pwd" id="pwd"
						placeholder="密码" onblur="Checkpwd() " /> <span id="pwdError" style="color: #7247A6;">6-13位字母或数字</span>
					</li>
					<li><input type="password" name="repwd" id="repwd"
						placeholder="确认密码" onblur="Checkrepwd()" /> <span id="repwdError"
						style="color: #7247A6;">重新输入密码</span></li>
					<li>
						<!--<input type="text" name="address" id="address" placeholder="家庭住址"/>
							<span id="addressError">
								
							</span>-->
						<div class="info">
							<div>
								地址： <select id="s_province" name="s_province"
									onblur="Checkprovince()"></select>   <select id="s_city"
									name="s_city" onblur="Checkcity()"></select> <select
									id="s_county" name="s_county" onblur="Checkcounty()"></select>
								<script class="resources library" src="js/area.js"
									type="text/javascript"></script>
								<script type="text/javascript">
									_init_area();
								</script>
								<span id="addressError" style="color: #7247A6;">请选择地址</span>
							</div>
							<div id="show"></div>
						</div> <script type="text/javascript">
							var Gid = document.getElementById;
							var showArea = function() {

								Gid('show').innerHTML = "<h3>省"
										+ Gid('s_province').value + " - 市"
										+ Gid('s_city').value + " - 县/区"
										+ Gid('s_county').value + "</h3>";
							}
							Gid("#s_county").setAttribute('onchange','showArea()');
						</script>
					</li>
					<li><input type="text" name="zip" id="zip" placeholder="邮政编码" onblur="Checkzip()"/>
						<span id="zipError" style="color: #7247A6;">6位数字邮编</span></li>
					<li><input type="text" name="phone" id="phone"
						placeholder="家庭电话"  onblur="Checkphone()"/> <span id="phoneError"
						style="color: #D54C25;">>>选填（区号+号码）</span></li>
					<li><input type="text" name="mobile" id="mobile"
						placeholder="手机号码" onblur="Checkmobile()"/> <span id="mobileError"
						style="color: #7247A6;">11位数字手机号</span></li>
					<li><input type="text" name="truename" id="truename"
						placeholder="真实姓名" onblur="Checktruename()" /> <span id="truenameError"
						style="color: #D54C25;">>>选填（2-10位）</span></li>
					<li><input type="radio" name="sex" value="0" id="sex" />男 <input
						type="radio" name="sex" value="1" id="sex" />女 <script
							type="text/javascript">
							document.getElementsByName("sex")[0].checked = "checked"
						</script></li>
					<li><input type="email" name="email" id="email" value=""
						placeholder="邮箱地址" onblur="Checkemail()" /> <span id="emailError"
						style="color: #7247A6;">请输入正确的邮箱地址</span></li>
					<li>生日：<input type="date" name="time" id="time"
						placeholder="出生年月" /> <span id="emailError"
						style="color: #D54C25;">>>选填</span></li>
				</ul>
				<input type="submit" value="注册" id="sub" />&nbsp;已有账号？去<a href="login.jsp">登陆</a>
			</form>

		</div>
	</div>
</body>
</html>